<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="../js/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <!-- v-pre 指定标签指令、插值式不会被解析 -->
            <!-- <p v-pre>{{msg}}</p> -->
            <input type="button"  v-model='btn' @click='fn' v-pre value="无法解析了"></br>

            <!-- v-once 指定标签只能渲染一次 这里只计算为一次 -->
            <!-- <input type="button"  v-model='btn2' @click='fn2' v-once> -->

        </div>
        <script>
            var vm = new Vue({
                el: '#app',
                data: {
                    msg : '地主兄最帅',
                    btn : '指指点点',
                    btn2 : '指指点点2',
                },
                methods : {
                    fn(){
                        alert('弹出来了')
                    },
                    fn2(){
                        alert('弹出来了2')
                    }
                }
            })
        </script>
    </body>
</html>